<div>
  <div>
    <div style="display: inline-block;margin-right: 20px;" >
      <h4>我的策略</h4>
    </div>
    <el-select [model]="filter" placeholder="请选择" [clearable]="true" (modelChange)="ngOnFilterHandle($event)">
      <el-option *ngFor="let item of filterList"
        [label]="item.label"
        [value]="item.value">
      </el-option>
    </el-select>
  </div>

  <div [hidden]="!queryList.length" >
    <el-table [model]="queryList">
      <el-table-column model-key="check" label="#" width="50" >
        <ng-template #slot let-scope="scope">
          <el-checkbox [model]="scope.rowData.check" (modelChange)="ngOnCheckHandle(scope)" >&nbsp;</el-checkbox>
        </ng-template>
      </el-table-column>
      <el-table-column model-key="title" label="策略名称" width="600" ></el-table-column>
      <el-table-column model-key="typeText" label="分类" ></el-table-column>
      <el-table-column model-key="status" label="状态" ></el-table-column>
      <el-table-column model-key="backtestCount" label="回测次数" ></el-table-column>
      <el-table-column model-key="complieCount" label="编译次数" ></el-table-column>
      <el-table-column label="操作" width="260">
        <ng-template #slot let-scope="scope">
          <el-button type="text" (click)="ngOnBuildHandle(scope)">快速编译</el-button>
          <el-button type="text" (click)="ngOnBacktestHandle(scope)">快速回测</el-button>
          <el-button type="text" (click)="ngOnDeleteHandle(scope)">一键删除</el-button>
        </ng-template>
      </el-table-column>
    </el-table>
  </div>
  <div [hidden]="queryList.length" >
    <eq-scope></eq-scope>
  </div>
</div>
